﻿<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="utf-8">
<title>ManageSystem</title>
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">

    <!-- bootstrap 3.0.2 -->
    <link href="/resource/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <!-- font Awesome -->
    <link href="/resource/css/font-awesome.min.css" rel="stylesheet" type="text/css" />
    <!-- Ionicons -->
    <link href="/resource/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Morris chart -->
    <link href="/resource/css/morris/morris.css" rel="stylesheet" type="text/css" />
    <!-- jvectormap -->
    <link href="/resource/css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet" type="text/css" />
    <!-- iCheck for checkboxes and radio inputs -->
    <link href="/resource/css/iCheck/all.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="/resource/css/style.css" rel="stylesheet" type="text/css" />


<link rel="stylesheet" type="text/css" href="/resource/stuCss/style.css">

<link rel="stylesheet" type="text/css" href="/resource/stuCss/bootstrap.min.css">

<script src="/resource/stuJs/jquery.min.js"></script>
<script src="/resource/stuJs/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="/resource/stuJs/bootbox.min.js"></script>

</head>
<body>

<div class="box">
    <div class="title">日志信息</div>
    <div class="content">
        <!--搜索输入框及查询、重置按钮-->

        <!--添加按钮及bootstrap的模态框-->
        <!--表格列表-->
        <table id="tb" class="table">
            <thead>
            <tr>
                <th style="width:50px;">ID</th>
                <th>等级</th>
                <th>姓名</th>
                <th>角色</th>
                <th>IP</th>
                <th>系统类型</th>
                <th>浏览器类型</th>
                <th>设备类型</th>
                <th>创建人</th>
                <th>创建时间</th>
            </tr>
            </thead>
            <tbody id="show_tbody">
            <tr th:each="item,stat : ${sysLogger.list}">
                <td><input type="checkbox" class="flat-grey list-child" style="width:50px;" th:value="${item.id}" /></td>
                <td th:text="${item.level}"></td>
                <td th:text="${item.operUser}"></td>
                <td th:switch="${item.operType}">
                    <span th:case="1">老师</span>
                    <span th:case="2">学生</span>
                    <span th:case="3">管理员</span>
                </td>
                <td th:text="${item.ip}"></td>
                <td th:text="${item.module}"></td>
                <td th:text="${item.browser}"></td>
                <td th:text="${item.platform}"></td>
                <td th:text="${item.createBy}"></td>
                <td th:text="${#dates.format(item.createTime,'yyyy-MM-dd HH:mm:ss')}"></td>
            </tr>
            <tr th:if="${#lists.isEmpty(sysLogger.list)}">
                <td colspan="8" align="center">无数据</td>
            </tr>
            </tbody>
        </table>
    </div>
    <div class="panel-footer bg-white text-right">
        <ul class="pagination">
            <li><a th:href="@{/admin/logger/list(pageNum=${sysLogger.navigateFirstPage},pageSize=${sysLogger.pageSize})}" title="首页" th:class="${sysLogger.isFirstPage} ? 'paginationNotAllowed' : ''">«</a></li>
            <li><a th:href="@{/admin/logger/list(pageNum=${sysLogger.prePage},pageSize=${sysLogger.pageSize})}" title="上一页" th:if="${sysLogger.hasPreviousPage}">‹</a></li>
            <li th:each="pageinfo : ${sysLogger.navigatepageNums}"><a th:href="@{/admin/logger/list(pageNum=${pageinfo},pageSize=${sysLogger.pageSize})}" th:class="${pageinfo == sysLogger.pageNum} ? 'paginationActive' : ''" th:text="${pageinfo}"></a></li>
            <li><a th:href="@{/admin/logger/list(pageNum=${sysLogger.nextPage},pageSize=${sysLogger.pageSize})}" title="下一页" th:if="${sysLogger.hasNextPage}">›</a></li>
            <li><a th:href="@{/admin/logger/list(pageNum=${sysLogger.navigateLastPage},pageSize=${sysLogger.pageSize})}" title="未页" th:class="${sysLogger.isLastPage} ? 'paginationNotAllowed' : ''">»</a></li>
        </ul>
    </div>
</div>

<script src="/resource/stuJs/mejs.js"></script>
<!-- jQuery 2.0.2 -->
<script src="/resource/js/jquery.min.js" type="text/javascript"></script>
<!-- jQuery UI 1.10.3 -->
<script src="/resource/js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<!-- Bootstrap -->
<script src="/resource/js/bootstrap.min.js" type="text/javascript"></script>
<!-- iCheck -->
<script src="/resource/js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<!-- Director App -->
<script src="/resource/js/Director/app.js" type="text/javascript"></script>
<script src="/resource/js/jquery.serializejson.js"></script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>
</body>
</html>